<!DOCTYPE html>
<html>

<head>
    <title>${live.title}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
    <link rel="stylesheet" href="/resources/asl/xintaitong/lib/weui.min.css">
    <link rel="stylesheet" href="/resources/asl/xintaitong/lib/jquery-weui.css">
    <link rel="stylesheet" type="text/css" href="/resources/asl/xintaitong/iconfonts/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="/resources/asl/xintaitong/css/product/style.css"/>
    <link rel="stylesheet" type="text/css" href="/resources/asl/xintaitong/css/product/show.css"/>
    <script src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer.js" charset="utf-8"></script>
</head>
<body>

<div id="live_video" style="width:100%; height:auto;"></div>




<script src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer.js" charset="utf-8"></script>
<script src="/resources/asl/xintaitong/lib/jquery-2.1.4.js"></script>
<script src="/resources/asl/xintaitong/lib/jquery-weui.min.js"></script>
<script>
    var width = screen.availWidth;
    var height = screen.availHeight;

    var player = new TcPlayer('live_video', {
        "m3u8": "${url}",
        "autoplay" : true,
        "coverpic" : {"style":"cover", "src":"${live.cover}"},
        "width" :  width,
        "height" : height,
        "x5_fullscreen": true,
        "controls": "none",
        "live" : true,
        "x5_type": "h5"
    });

</script>
</body>

</html>